<!-- <template>
MyRender
</template> -->

<script lang="ts">
  import { h, reactive } from 'vue'

  const MyRender = (props: any) => {
    return props.render({
      index: props.index,
      row: props.row
    })
  }
  MyRender.props = {
    row: Object,
    index: Number,
    render: {
      type: Function,
      required: true
    }
  }

  export default MyRender
  // export default{
  //   name: 'MyRender',
  //   props: {
  //     row: Object,
  //     index: Number,
  //     render: {
  //       type: Function,
  //       required: true
  //     }
  //   },
  //   setup(props: { render: (arg0: { index: any; row: any }) => any; index: any; row: any }) {
  //     console.log(props.row)
  //     console.log(props.index)
  //     return props.render({
  //       index: props.index,
  //       row: props.row
  //     })
  //   }
  // }
  // const props = defineProps({
  //   row: Object,
  //   index: Number,
  //   render: {
  //     type: Function,
  //     required: true
  //   }
  // })
  // const render = props.render()
  // defineExpose({
  //   render
  // })
</script>